<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CesiumDemo</title>
		<link rel="stylesheet" href="assets/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="assets/plugins/Cesium/Widgets/widgets.css" />
		<style>
			.layui-body  {
				left: 0rem;
				top: 2.8125rem!important;
				bottom: 0rem !important;
			}	
			.layui-header {
			    height: 2.8125rem;
			}
			
			.layui-layout-admin .layui-logo {
				line-height: 2.8125rem;
			}
			.layui-nav .layui-nav-item {
				line-height: 2.8125rem;
			}
			.location-bar {
				position: absolute;
				z-index: 991;
				padding: 0.1875rem 0.625rem;
				font-size: 0.8125rem;
				color: #e9e9e9;
				text-shadow: 2px 2px 2px #000;
				background-color: rgba(0,0,0,.4);
				bottom: 0rem;
				width: 100%;
			}
		</style>
	</head>
	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">CesiumDemo</div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
				  <li class="layui-nav-item"><a href="">主页</a></li>
				  <li class="layui-nav-item">
					<a href="javascript:;">模型位置調整</a>
					<dl class="layui-nav-child">
					  <dd><a href="javascript:;" id="videoPutInBtn">x+</a></dd>
					  <dd><a href="javascript:;" id="videoPutInBtn-">x-</a></dd>
					  <dd><a href="javascript:;" id="videoPutInBtn1">y+</a></dd>
					  <dd><a href="javascript:;" id="videoPutInBtn1-">y-</a></dd>
					</dl>
				  </li>
				</ul>
				<ul class="layui-nav layui-layout-right">
				  <li class="layui-nav-item">
					<a href="javascript:;">
					  <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
					   超级管理员
					</a>
					<dl class="layui-nav-child">
					  <dd><a href="">基本资料</a></dd>
					  <dd><a href="">安全设置</a></dd>
					</dl>
				  </li>
				  <li class="layui-nav-item"><a href="">退了</a></li>
				</ul>				
			</div>
			<div class="layui-body" id="cesiumContainer">
				<div class="location-bar">
						
					<div style="text-align: right;">
						<font size="3" color="white" style="margin-right: 1.25rem;">经度：
							<span id="longitude_show"></span>°
						</font>
						<font size="3" color="white" style="margin-right: 1.25rem;">纬度：
							<span id="latitude_show"></span>°
						</font>
						<font size="3" color="white" style="margin-right: 1.25rem;">海拔：
							<span id="electude_show"></span>km
						</font>
						<font size="3" color="white" style="margin-right: 1.25rem;">视高：
							<span id="altitude_show"></span>km
						</font>
					</div>					
					</span> 
				</div>
		</div>

		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/ajax.js"></script>
		<script src="assets/plugins/underscore/underscore-min.js"></script>
		<script src="assets/plugins/layui/layui.all.js"></script>
		<script src="assets/plugins/Cesium/Cesium.js"></script>
		<script src="assets/plugins/Cesium/Ext/CesiumModel.js"></script>
		<script src="assets/js/CesiumApp.js"></script>
		<script src="assets/js/index.js"></script>
	</body>
</html>
